.tabbarFooter{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:50px;
    display:flex;
    background:#ffff;
    box-shadow: -1px 0 9px rgba(0,0,0,.02);
    justify-content: space-between;
    .tabItem{
        .tabIcon{
            width:30px;
            height:30px;
            margin:0 auto;
            &.saomao{
                background:url("../../static/tabbar/saoma.png") center center no-repeat;
                background-size:30px;
            }
            &.order{
                background:url("../../static/tabbar/order.png") center center no-repeat;
                background-size:30px;
            }
            &.user{
                background:url("../../static/tabbar/user.png") center center no-repeat;
                background-size:30px;
            }
            
        }
        width:33.3%;
        text-align:center;
        font-size:12px;
        color:#aaa;
        .tabText{
            line-height:20px;
        }
        &.active{
            color: #ff9569;
            .tabIcon{
                width:30px;
                height:30px;
                margin:0 auto;
                &.order{
                    background:url("../../static/tabbar/orderActive.png") center center no-repeat;
                    background-size:30px;
                }
                &.user{
                    background:url("../../static/tabbar/userActive.png") center center no-repeat;
                    background-size:30px;
                }
                
            }
        }
    }

}